[자바스크립트] 배열에 값 앞 또는 뒤에 추가하기, unshift(), push()

자바스크립트에서 배열에 새로운 값을 추가하고 싶은 경우가 있다면 어떻게 해야할까요? 원하는 값을 앞 또는 뒤 원하는 위치에 아래 두 가지 함수를 사용해 간단히 추가할 수 있습니다.

# 자바스크립트 배열의 앞 또는 뒤에 추가 방법

만약 test라는 이름의 변수가 있다면 변수를 아래와 같이 추가할 수 있습니다. 사용방법은 아래와 같습니다.

보시는 것처럼 배열에 새로운 값을 추가할 수 있습니다. 배열을 선언 후 앞 또는 뒤에 추가하는 점만 차이점이고 나머지는 같습니다. 그럼 아래 예제를 봐주세요. 아래는 배열을 추가하는 방법에 대하여 더 자세하게 알아보겠습니다.

# unshift() 새로운 배열값 앞에 추가방법 예제

그럼 배열의 앞에 값을 추가하는 방법을 먼저 알아봅니다. 아래 예제를 봐주세요.

실행결과는 아래와 같습니다.

보시는 것처럼 test 배열을 선언한 후 새로운 배열값 '123'을 배열의 맨 앞에 추가하였습니다. 그렇다면 뒤에 추가하려면 어떻게할까요? 다음 예제는 맨 뒤에 추가하는 방법입니다.

# push() 맨 뒤에 배열값 추가하는 예제

이번에는 반대로 배열의 맨 뒤에 값을 추가하는 방법을 일아봅니다.
아래는 실행결과입니다.

이 예제를 통해 배열의 앞 또는 뒤에 새로운 값을 추가하는 방법에 대하여 알아봤습니다. 배열을 사용하면 데이터를 처리하는데 매우 유용하므로 배열을 처리하는 다양한 함수를 익혀두는 것이 좋습니다.

# 배열을 다양하게 처리하는 법을 알아두자

데이터를 처리하는 과정이 점점 서버측에서 클라이언트에서 처리하는 방식이 최근의 추세로 보입니다. 데이터를 가져올 경우 대부분 배열이나 제이슨(json) 형태로 불러오기 때문에 이를 변환 또는 처리하는 방법이 매우 많이 사용됩니다.

참고로, 데이터의 처리를 서버에서 하지 않고 대부분 클라이언트에서 처리하는 가장 큰 이유는 가급적 서버에 부하를 줄이고 퍼포먼스를 향상시키기 위함입니다.